<template>
  <div class="profit">
    <div class="nav" v-for="(item,index) in list" :key="index">
      <p>{{item.title}}</p>
      <p>
        <span>{{item.text}}</span>
      </p>
    </div>
  </div>
</template>
<script>
export default {
  name: "tarbar",
  props: {
    list: {
      type: Array,
      default: () => {}
    }
  },
  destroyed() {
    this.list = [];
  },
  data() {
    return {};
  }
};
</script>
<style lang="less" scoped>
@import "~styles/variable.less";
.profit {
  background: #fff;
  text-align: center;
  padding: 0.4rem 0;
  display: flex;
  .nav {
    flex: 1;
    font: 600 0.45rem/1.5 "Microsoft YaHei";
    color: #333;
    span {
      color: @orange-color;
      font: 600 0.6rem/1.5 "Microsoft YaHei";
    }
  }
}
</style>
  